import React, { PropTypes } from 'react';
import TweenOne from 'rc-tween-one';

import {Icon, Switch, Popover, Table, Button,Select, Modal, Form, Input,InputNumber, message,Radio, Row, Col, DatePicker, Cascader,Upload,} from 'antd';
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const Option = Select.Option;

import '../less/form.less';

const areaData = [{
  value: 'shanghai',
  label: '上海',
  children: [{
    value: 'shanghaishi',
    label: '上海市',
    children: [{
      value: 'pudongxinqu',
      label: '浦东新区',
    }],
  }],
}];

const columns = [{
  title: 'Name',
  dataIndex: 'name',
  render(text) {
    return <a href="#">{text}</a>;
  },
}, {
  title: 'Age',
  dataIndex: 'age',
}, {
  title: 'Address',
  dataIndex: 'address',
}];

const data = [];

const pagination = {
  total: data.length,
  showSizeChanger: true,
  onShowSizeChange(current, pageSize) {
    console.log('Current: ', current, '; PageSize: ', pageSize);
  },
  onChange(current) {
    console.log('Current: ', current);
  },
};


class ChartCost extends React.Component {
  constructor(props){
    super(props);
    this.state = {

    }
  }

  componentDidMount(){

  }

  render() {
    return (
      <div className="formContainer" style={{width:1000}}>
        <div className="fromHead">
          <span className="title">学费收取</span>
          <span className="option">
            <span onClick={()=>{this.props.dispatch({type:'mask/hideModal'})}}>关闭</span>
          </span>
        </div>
        <Form inline className="ant-advanced-search-formT">
            <FormItem
              label="学号"
            >
              <Input placeholder="请输入应缴费用" />
            </FormItem>
            <Button type="primary">查询</Button>
        </Form>
        <div style={{paddingLeft:10,paddingRight:10}}>
          <Table columns={columns} dataSource={data} pagination={false}/>
        </div>
      </div>
    )
  }
}

export default ChartCost;
